<template>
<div id="app">
    <el-backtop :bottom="100" :right="100">
        <div style="{
        height: 100%;
        width: 100%;
        background-color: rgb(204 211 213);
        box-shadow: 0 0 6px rgba(0,0,0, .12);
        text-align: center;
        line-height: 40px;
        color: #000000;
        border-radius: 5px;
      }">
            UP
        </div>
    </el-backtop>
    <router-view />
</div>
</template>

<script>
export default {};
</script>

<style>
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: 楷体;
    font-size: 18px;
}

li {
    list-style: none;
}

/*css主要部分的样式*/
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
    width: 10px;
    /*对垂直流动条有效*/
    height: 10px;
    /*对水平流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    border-radius: 3px;
}

/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #cac8c8;
}

/*定义两端按钮的样式*/
::-webkit-scrollbar-button {
    /* background-color: #aca7a7; */
}

/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
    background: #ffffff;
}
</style>
